//<!-- 商家公告 -->
<template>
	<view class="notice">
		<notice-list :notice="list"></notice-list>
<!-- 		<view class="notice_card" v-for="(item,index) in list" :key="item.id">
			<view class="card_left">
				<image :src="item.img"  ></image>
			</view>
			<view class="card_middle">
				<view class="middle_name">{{item.name}}</view>
				<view class="middle_place">{{item.place}} | {{item.type}}</view>
				<image src="/static/img/place.png"  ></image>
				<view class="middle_address">{{item.address}}</view>
			</view>
			<view class="card_right">
				<view class="right_km">{{item.distance}}km</view>
			</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
					id: 0,
					name:"漳州相城区福奈特服装洗涤…",
					img:"/static/img/banner-03.png",
					place:"东海泰禾广场",
					type:"生活服务",
					address:"泉州市丰泽区东海泰禾广场…",
					distance: 1.29,
				},{
					id: 1,
					name:"漳州相城区福奈特服装洗涤…",
					img:"/static/img/banner-03.png",
					place:"东海泰禾广场",
					type:"生活服务",
					address:"泉州市丰泽区东海泰禾广场…",
					distance: 1.29,
				},{
					id: 2,
					name:"漳州相城区福奈特服装洗涤…",
					img:"/static/img/banner-03.png",
					place:"东海泰禾广场",
					type:"生活服务",
					address:"泉州市丰泽区东海泰禾广场…",
					distance: 1.29,
				},{
					id: 3,
					name:"漳州相城区福奈特服装洗涤…",
					img:"/static/img/banner-03.png",
					place:"东海泰禾广场",
					type:"生活服务",
					address:"泉州市丰泽区东海泰禾广场…",
					distance: 1.29,
				},
				]
			};
		},
	};
</script>

<style scoped lang="scss">
@import  './index.scss';
</style>